<?php
	get_header();
	
?>

	<div class="page page1 one">
		<div class="slider">
			<ul class="clearfix">
				<li class="slider-item active">

				</li>

				<li class="slider-item">

				</li>

				<li class="slider-item">

				</li>
			</ul>

			
		</div>

		<i class="down-ico animate3">
			<svg version="1.1" id="图层_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 20.8 11.4" style="enable-background:new 0 0 20.8 11.4;" xml:space="preserve">
				<style type="text/css">
					.st0{fill:#FFFFFF;}
				</style>
				<path class="st0" d="M10.4,11.4c-0.3,0-0.5-0.1-0.7-0.3L0.3,1.7c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l9.4,9.4c0.4,0.4,0.4,1,0,1.4
					C10.9,11.3,10.7,11.4,10.4,11.4z"/>
				<path class="st0" d="M10.4,11.4c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l9.4-9.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-9.4,9.4
				C10.9,11.3,10.7,11.4,10.4,11.4z"/>
			</svg>
		</i>
	</div>

	<div class="page page2">
		<div class='left'>
			<div class="pic-wrap">
				<img src="<?php bloginfo('template_url'); ?>/images/page2_left.png" alt="..." />
			</div>

			<div class='left-text animate-line'>
				<h3>技术专利</h3>
				<h2>非对称交替发生正负离子技术</h2>
			</div>
		</div>

		<div class='right-list'>
			<div class='right-list-item'>
				<a href="#" class='link-wrap'>
					<div class='pic-wrap'>
						<img src="<?php bloginfo('template_url'); ?>/images/item1.png" alt="..." />
					</div>
					
					<p class='text pic-wrap'>
						<img src="<?php bloginfo('template_url'); ?>/images/item1_text.png" alt="..." />
					</p>
				</a>
			</div>

			<div class='right-list-item'>
				<a href="#" class='link-wrap'>
					<div class='pic-wrap'>
						<img src="<?php bloginfo('template_url'); ?>/images/item2.png" alt="..." />
					</div>
					
					<p class='text pic-wrap'>
						<img src="<?php bloginfo('template_url'); ?>/images/item2_text.png" alt="..." />
					</p>
				</a>
			</div>

			<div class='right-list-item'>
				<a href="#" class='link-wrap'>
					<div class='pic-wrap'>
						<img src="<?php bloginfo('template_url'); ?>/images/item3.png" alt="..." />
					</div>

					<p class='text pic-wrap'>
						<img src="<?php bloginfo('template_url'); ?>/images/item3_text.png" alt="..." />
					</p>
				</a>
			</div>
		</div>

		<i class="down-ico animate3">
			<svg version="1.1" id="图层_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 20.8 11.4" style="enable-background:new 0 0 20.8 11.4;" xml:space="preserve">
				<style type="text/css">
					.st0{fill:#FFFFFF;}
				</style>
				<path class="st0" d="M10.4,11.4c-0.3,0-0.5-0.1-0.7-0.3L0.3,1.7c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l9.4,9.4c0.4,0.4,0.4,1,0,1.4
					C10.9,11.3,10.7,11.4,10.4,11.4z"/>
				<path class="st0" d="M10.4,11.4c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l9.4-9.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-9.4,9.4
				C10.9,11.3,10.7,11.4,10.4,11.4z"/>
			</svg>
		</i>
	</div>

	<div class='page page3'>
		<div class="bottom">
		</div>

		<i class="down-ico animate3">
			<svg version="1.1" id="图层_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 20.8 11.4" style="enable-background:new 0 0 20.8 11.4;" xml:space="preserve">
				<style type="text/css">
					.st0{fill:#FFFFFF;}
				</style>
				<path class="st0" d="M10.4,11.4c-0.3,0-0.5-0.1-0.7-0.3L0.3,1.7c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l9.4,9.4c0.4,0.4,0.4,1,0,1.4
					C10.9,11.3,10.7,11.4,10.4,11.4z"/>
				<path class="st0" d="M10.4,11.4c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l9.4-9.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-9.4,9.4
				C10.9,11.3,10.7,11.4,10.4,11.4z"/>
			</svg>
		</i>
	</div>
<?php
	get_footer();
?>
